<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/head.css" />
		<link rel="stylesheet" type="text/css" href="../css/enter.css" />
	</head>

	<body ng-app="myApp" ng-controller='myCtrl'>

		<div class="r-top1">
			<div class="r-content">
				<div class="r-left">
					<span>所在城市:</span>
					<span>郑州市</span>
					<span class="r-logol">
						<img src="../img/main/7.png" alt="" />
					</span>
				</div>
				<div class="r-right">
					<a href="###" class="r-span1 r-span11">登录</a>
					<a href="register.html" class="r-span1  r-span12">注册</a>
					<a href="###" class="r-span1">我的订单</a>
					<a href="###" class="r-span1">我的消息</a>
					<a href="###" class="r-span1">我是商家</a>
					<span class="r-span2">
						<img src="../img/main/5.png" alt="" />
					</span>
				</div>
			</div>
		</div>
		<p class="hhhhh">
			<img src="../img/main/1.png" alt="" class="car-nav-logo l" />
			<span>会员注册</span>
		</p>

		<div class='w-register-wrap'>
			<div class="w-register-box">

				<form name="wlfname" class='form'>
					<!--ajax提交收集到的数据-->
					<div class="w-register-input1">
						<input type="text" name="inputone" ng-model="phone" id='in1' placeholder="请输入手机号" ng-pattern="/^1[35678][0-9]{9}$/" required />
						<img src="../img/wlfimg/wlf_point.png" alt="" ng-hide="wlfname.inputone.$invalid" />
						<p ng-hide="wlfname.inputone.$dirty&&wlfname.inputone.$invalid"></p>
						<p ng-show="wlfname.inputone.$dirty&&wlfname.inputone.$invalid"><img src="../img/wlfimg/wlf_pointx.png" alt="" /> 手机号码不正确,请重新输入</p>
					</div>

					<!--wlfname.inputtwo.$dirt-->
					<div class="w-register-input2">
						<input type="password" id='in2' placeholder="请输入密码(6-20位号码字符)" ng-minlength="6" ng-maxlength="20" name="inputtwo" ng-model='inputtwo' />
						<img src="../img/wlfimg/wlf_point.png" alt="" ng-show='wlfname.inputtwo.$valid&&wlfname.inputtwo.$dirty' />
						<p>
							<img src="../img/wlfimg/wlf_pointx.png" alt="" ng-show='wlfname.inputtwo.$error.minlength||wlfname.inputtwo.$error.maxlength' />
							<span ng-show='wlfname.inputtwo.$error.minlength'>密码长度小于6字符</span>
							<span ng-show='wlfname.inputtwo.$error.maxlength'>密码长度大于20字符</span>
						</p>

					</div>

					<div class="w-register-input2">

						<input type="password" id='in3' placeholder="请再次输入密码" name="inputfour" ng-model='inputfour' />

						<img src="../img/wlfimg/wlf_point.png" alt="" ng-show='inputfour==inputtwo&&wlfname.inputfour.$dirty' />
						<!--&&wlfname.inputfour.$dirty-->

						<p ng-hide='inputfour!=inputtwo'></p>
						<p ng-show='inputfour!=inputtwo'><img src="../img/wlfimg/wlf_pointx.png" alt="" /> 前后密码不一致,请重新输入</p>
					</div>

					<div class="w-register-inputtext">
						<div class="w-register-flex">
							<input type="text" name="inputtext" ng-model='inputtext' placeholder="验证码" />
							<img src="../img/selfCenter/13.png" alt="" />
							<p>看不清换一张</p>
						</div>
						<p></p>
						<!--<p><img src="../img/wlfimg/wlf_pointx.png" alt="" /> 验证码不正确,请重新输入</p>-->
					</div>

					<div class="w-register-input4">
						<input type="text" name="inputsix" id='in2' ng-model='inputsix' placeholder="手机验证码" />
						<span>获取验证码</span>

						<p>
							<img src="../img/jifendingdan/circle0.png" alt="" />&nbsp;&nbsp; 我已阅读并同意
							<a href="https://www.baidu.com">&nbsp;《礼拜五用户协议》</a>
						</p>
					</div>
				</form>

				<div class="w-register-button">

					<div class="w-register-divdiv"></div>
					<button ng-disabled="wlfname.inputone.$invalid||wlfname.inputtwo.$invalid||wlfname.inputfour.$invalid||wlfname.inputtext.$invalid||wlfname.inputsix.$invalid||inputfour!=inputtwo" class='btn-success btn-fail btnbtnbtn'>注册</button>
					<!--<div ng-disabled="wlfname.inputone.$invalid||wlfname.inputtwo.$invalid||wlfname.inputfour.$invalid||wlfname.inputtext.$invalid||wlfname.inputsix.$invalid||inputfour!=inputtwo" class='div-success div-fail'></div>-->
					<button>登录</button>
				</div>
			</div>
		</div>
		<div ng-include="'foot.html'"></div>
	</body>
	<script src="../js/jq.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/angular.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/enter.js" type="text/javascript" charset="utf-8"></script>
</html>